<template>
  <div class="about">
    <h2>关于我们</h2>
    <p>{{ description }}</p>
    <button @click="showMore">了解更多</button>
  </div>
</template>

<script>
import { ref } from "vue";

export default {
  name: "About",
  setup() {
    const description = ref("这是一个 Vue 3 应用示例");
    
    const showMore = () => {
      alert("更多功能敬请期待！");
    };
    
    return {
      description,
      showMore
    };
  }
};
</script>

<style>
.about {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
}
</style>
